/**
 * Created by 121 on 2016/4/08.
 */
require.config(require_config);

define([
    'jquery',
    'common',
    'ready',
    'template',
    'collection',
    'model',
    'dialog',
    'calendar',
    'highCharts',
    'datepicker'
], function ($, common, ready, template, Collection, Model, dialog, calendar, highCharts, datepicker) {
    var id = getUrlPath(4);
    var index = function () {
        this.init();
    };
    index.prototype = {
        init: function () {
            this.event();
        },
        event: function () {
            var _this = this;
            $('.long_date').on('click', function () {
                WdatePicker({el: this.id, dateFmt: 'yyyy-MM-dd HH:mm:ss'});
            });
            $.ajax({
                url: _global.url.api + 'site/data/history',
                type: 'get',
                data: {id: id},
                success: function (res) {
                    $('#high_charts').highcharts({
                        chart: {
                            zoomType: 'xy'
                        },
                        title: {
                            text: ''
                        },
                        xAxis: [{
                            categories: res.data['tab']
                        }],
                        yAxis: [{ // Primary yAxis
                            allowDecimals: false,
                            floor: 0,
                            labels: {
                                format: '{value}',
                                style: {
                                    color: '#89A54E'
                                }
                            },
                            title: {
                                text: '',
                                style: {
                                    color: '#89A54E'
                                }
                            }
                        }],
                        tooltip: {
                            shared: true
                        },
                        legend: {
                            layout: 'vertical',
                            align: 'right',
                            verticalAlign: 'middle',
                            backgroundColor: '#FFFFFF'
                        },
                        series: res.data.series
                    });
                }
            });
            $('#btn-search').on('click', function (e) {
                e.preventDefault();
                
                var id = getUrlPath(4);
                var start_time = $('.start-time').val();
                var end_time = $('.end-time').val();
                var status = $('input:radio:checked').val();
                console.log(start_time, end_time, status);
                $.ajax({
                    url: _global.url.api + 'site/data/history',
                    type: 'get',
                    data: {status: status, start_time: start_time, end_time: end_time,id:id},
                    success: function (res) {
                        $('#high_charts').highcharts({
                            chart: {
                                zoomType: 'xy'
                            },
                            title: {
                                text: ''
                            },
                            xAxis: [{
                                categories: res.data['tab'],
                            }],
                            yAxis: [{ // Primary yAxis
                                allowDecimals: false,
                                floor: 0,
                                labels: {
                                    format: '{value}', style: {
                                        color: '#89A54E'
                                    }
                                },
                                title: {
                                    text: '',
                                    style: {
                                        color: '#89A54E'
                                    }
                                }
                            }],
                            tooltip: {
                                shared: true
                            },
                            legend: {
                                layout: 'vertical',
                                align: 'right',
                                verticalAlign: 'middle',
                                backgroundColor: '#FFFFFF'
                            },
                            series: res.data.series

                        });
                    }
                });
            });
            //var success = function (status, start_time, end_time) {
            //    $.ajax({
            //        url: _global.url.api + 'site/data/history',
            //        type: 'get',
            //        data: {status: status, end_time: end_time, start_time: start_time},
            //        success: function (res) {
            //            var data = res.data;
            //            console.log(res);
            //            $('#high_charts').highcharts({
            //                chart: {
            //                    zoomType: 'xy'
            //                },
            //                title: {
            //                    text: ''
            //                },
            //                xAxis: [{
            //                    categories: data['tab'],
            //                    labels: {
            //                        align: 'right',
            //                    }
            //                }
            //
            //
            //                ],
            //                yAxis: [{ // Primary yAxis
            //                    labels: {
            //                        format: '{value}',
            //                        style: {
            //                            color: '#89A54E'
            //                        }
            //                    },
            //                    title: {
            //                        text: '订单数',
            //                        style: {
            //                            //color: '#89A54E'
            //                        }
            //                    },
            //                    //lineWidth: 2
            //                },
            //                    { // Secondary yAxis
            //                        title: {
            //                            text: '销售额',
            //                            style: {
            //                                //color: '#4572A7'
            //                            }
            //                        },
            //                        labels: {
            //                            format: '{value}元',
            //                            style: {
            //                                color: '#4572A7'
            //                            }
            //                        },
            //                        //lineWidth: 2,
            //                        opposite: true
            //                    }],
            //                tooltip: {
            //                    shared: true
            //                },
            //                legend: {
            //                    layout: 'vertical',
            //                    verticalAlign: 'middle',
            //                    align: 'right',
            //                    floating: true,
            //                    backgroundColor: '#FFFFFF'
            //                },
            //                series: res.data.series
            //            });
            //        }
            //    });
            //}

            //success();
            //$('#btn-search').on('click', function (e) {
            //    e.preventDefault();
            //    var start_time = $('.start-time').val();
            //    var end_time = $('.end-time').val();
            //    var status = $('input:radio:checked').val();
            //    success(status, start_time, end_time);
            //});
        }
    };
    new index();
});